.floating_ck{position:fixed;right:20px;bottom:10%;z-index: 9999; font-size: 1.5rem; border-radius: 5px; transition: all 0.5s;}

.floating_ck dl dt{ text-align: center; }
.floating_ck dl dd{margin: 5px; border-radius: 5px; height: 40px; line-height: 40px; transition: all 0.3s; position:relative; width:100px; background-image:linear-gradient(45deg, #333333, #282f39); text-align:center; cursor:pointer;}
.floating_ck dl dd:hover{background-image:linear-gradient(45deg, #282f39, #333333); }
.floating_ck dl dd:hover .floating_left{display:block;}

.btn_close{transition: all 0.3s; position:relative; width:100px; height:40px !important; line-height: 30px; background-image:linear-gradient(45deg, #333333, #282f39); text-align:center; cursor:pointer; }
.close_box {transform: translateX(149px);}

.open { transition: all 0.5s; cursor: pointer; position:fixed; z-index: 99999; right:-30px; top:20%; background-image:linear-gradient(45deg, #333333, #282f39); color: #fff; width: 30px; height: 40px; text-align: center; line-height: 40px; }

.open_box {transform: translateX(-30px);}

.return{transition: all 0.3s; margin-bottom: 1px; position:relative; width:100px; height:40px !important; background-image:linear-gradient(45deg, #333333, #282f39); text-align:center; cursor:pointer; }

.floating_ck dd span{color:#fff;display:block; font-size: 1.5rem; font-weight: bold;}
.floating_ck dd:hover span{color:#fff;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px; background-image:linear-gradient(45deg, #333333, #282f39); display:none; border-radius: 5px;}
.floating_left a{color:#fff !important;line-height:40px;}
.floating_ewm{height:160px;top:-50px;}
.floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:7px; background:url(../Image/wx_ewm145.jpg) center no-repeat;}
.floating_ewm p{color:#fff;margin-top:5px;}